.side{



	position: fixed;



	top: 100px;



	right: 0px;



}



.side ul li{



	list-style: none;



}



.side ul li{



	



	margin-bottom: 2px;



	background: #f8f7fa;



	position: relative;



}



.side ul li a{



	width: 60px;



	height: 60px;



	display: block;



}



.side ul li .side-img{



	width: 60%;



	height: 55% !important;



	margin-left: 13px;



	padding-top: 10px;



}



.side ul li .side-img img{



	width: 100%;



	height:100%;



}



.side ul li a p{



	margin-top:-5px;



	margin-bottom: 0px;



	color: #333333;



	font-size: 12px;



	text-align: center;



}



.side ul li:last-child{



	background: #ed2124;



	position: initial;



}



.side ul li:last-child a p{



	color: #fff;



}







.qq{



		background: #fff;



		display: none;



		position: absolute;



			right: 60px;



			top: 0px;



			width: 150px;



			height: 130px;



			border: 1px solid #eee;



	}



	.qq .qq-img{



		width: 30%;



		height: 45px;



		margin:10px auto;



	}



	.qq .qq-img img{



		width: 100%;



		height: 100%;



	}



	.side ul li .qq a{



		color: #BE0211;



		border: 1px solid #BE0211;



		/*padding: 10px 20px;*/



		display: block;



		width: 50%;



		height: 25px;



		line-height: 25px;



		text-align: center;



		border-radius: 5px;



		margin: 0px auto;



		font-size: 12px;



	}

	.qq p{



		color: #8B8B8B;



		width: 100%;



		text-align: center;



		font-size: 12px;



	}



	.qq a:hover{



		background: #BE0211;



		color: #fff!important;



	}



		.ph-p {



			display: none;



			position: absolute;



			right: 60px;



			top: 0px;



			background: #fff;



			width: 170px;



			border: 1px solid #EEEEEE;



		}



		.ph-p .ph-m{



			clear: both;



			padding: 10px 10px;



			overflow: hidden;



			border-bottom: 1px solid #EEEEEE;



		}



		.ph-p .ph-m:last-child{



			border-bottom: 0;



		}



		.ph-p .ph-img{



			float: left;



			width: 30px;



			height: 30px;



		}



		.ph-p .ph-img img{



			width: 100%;



			height: 100%;



		}



		.ph-p p {



			float: left;



			margin: 5px 5px;



			font-size: 13px;



			/*text-align: center;*/



			color:#ff0000;



		}



		



		.wx-img {



			    background: #fff;



    display: none;



    position: absolute;



    right: 60px;



    bottom: 0px;



    width: auto;



  



    



		}



		.wx-img .weix{



			width: 104px;



			padding: 10px;



			float: left;



			background: url(../../../../Application/Home/Common/images/icon_wx.png);



			background-repeat: no-repeat;



			    background-size: 100% 66%;



    background-position: 0px 5px;



		}



		.wx-img .weix p{



			font-size: 13px;



			color: #666;



			text-align: center;



			margin-top: 0;



		}



		.wx-img .weix .wi{



			width: 100%;



			height: 100px;



		}



		.wx-img .weix .wi img {



			width: 100%;



			height: 100%;



		}

		



.top{

	background-color: #e5e5e5;

}

.top-inner{

	width: 75%;

	margin: auto;

	height: 30px;

	

}

.top .t-l{

	float: left;

}

.top .t-l p{

	margin: 0;

	line-height: 30px;

	font-size: 13px;

}

.top .t-r{

	float: right;

}

.top .t-r a{

	float: left;

	height: 30px;

	line-height: 30px;

	color: #000;

	font-size: 13px;

}

.mid{

	width: 75%;

	margin: 20px auto;

	clear: both;

	height: 50px;

	

}

.mid .logo{

	float: left;

	width: 20%;

	height: 50px;

}

.mid .logo img{

	width: 100%;

	height: 100%;

}

.mid .m-r{

	float: right;

	width: 50%;

	margin-top: 10px;

}



.mid .m-r .phone{

	float: left;

}

.mid .m-r .phone .p{

	float: left;

	width: 35px;

	height: 35px;

	margin-right: 10px;

}

.mid .m-r .phone .p img{

	width: 100%;

	height: 100%;

}

.mid .m-r .phone p{

	float: left;

	margin: 0;

	line-height: 35px;

	color: #D72B3B;

	

}

.bot{

	background: #D72B3B;

}

.bot .nav{

	width: 75%;

	margin: auto;

	

}

.bot .nav>ul{

	margin-bottom:0 ;

	height: 40px;

	margin-left: 0;

}

.bot .nav>ul>li{

	float: left;

	width: 10%;

	height:40px;

	list-style: none;

}

.bot .nav>ul>li:hover{

	background-color: #d7583c;

}

.bot .nav>ul>li>a{

	color: #fff;

	height: 100%;

	width: 100%;

	line-height: 40px;

	text-align: center;

}

.bot .nav .sub-nav{

	background: rgba(0,0,0,0.5);

	z-index: 1020;

}

.bot .nav .sub-nav ul{

	padding: 0;

}

.bot .nav .sub-nav ul li{

	list-style: none;

	height: 40px;

}

.bot .nav .sub-nav ul li a{

	color: #fff;

	line-height: 40px;

	text-align: center;

}

.bot .nav .sub-nav ul li:hover{

	background: rgba(0,0,0,0.6);

}

footer{

	background: #343434;

	clear: both;

}

.footer-inner{

	width: 75%;

	margin: auto;

	height: 180px;

}

.footer-inner .footer-left{

	    float: left;

    width: 13%;

    height: 75%;

    /*margin-left: -142px;*/

    margin-top: 20px;

}

.footer-inner .footer-left img{

	width: 100%;

	height: 100%;

}

.footer-inner .footer-mid{

	width: 65%;

	margin: 30px 30px;

	float: left;

}

.footer-inner .footer-mid ul{

	padding: 0;

	overflow: hidden;

	border-bottom: 1px solid #ccc;

}

.footer-inner .footer-mid ul li{

	float: left;

	list-style: none;

	height: 30px;

}

.footer-inner .footer-mid ul li a{

	display: block;

	font-size: 13px;

	padding: 0 10px;

	color: #ccc;

}

.footer-inner .footer-mid p{

	color: #8b8b8b;

	font-size: 12px;

	text-align: center;

}

.footer-inner .footer-right{

	float: left;

	margin-top: 20px;

	width: 9%;

}

.footer-inner .footer-right img{

	width: 100%;

}

.footer-inner .footer-right p{

	color: #ccc;

	font-size: 15px;

	text-align: center;

	margin: 0;

}





img{

	border: 0;

}